<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Recetario de Cocina Online</title>
</h:head>
<h:body>

	<p:panel  id="basic" header="Datos receta"  styleClass="" footer="Insertar receta" style="margin-bottom:10px" >
	
	<h:form> 
    
 
        <h:panelGrid columns="2" style="width:100%" columnClasses="logo,detail">
            
 
            <p:outputPanel>
                <h:panelGrid columns="2" cellpadding="5">
                    <h:outputText value="Nombre:"  style="font-weight: bold"/>
                    <h:outputText value="#{recetarioView.nombreReceta}" style="font-style: italic"/>
 
                    <h:outputText value="Autor:" style="font-weight: bold"/>
                    <h:outputText value="#{recetarioView.usuario}" style="font-style: italic"/>
 
                    <h:outputText value="Descripcion:" style="font-weight: bold" />
                    <h:outputText value="#{recetarioView.descripcion}" style="font-style: italic"/>
                    
                    <h:outputText value="Tipo:" style="font-weight: bold" />
                    <h:outputText value="#{recetarioView.tipoReceta}" style="font-style: italic" converter="ConverterTipo" />
                    
                    <h:outputText value="Origen:" style="font-weight: bold"/>
                    <h:outputText value="#{recetarioView.origen}" style="font-style: italic" converter="ConverterOrigen" />
                    
                    <h:outputText value="Ingredientes:" style="font-weight: bold" />
                    <h:outputText value="#{recetarioView.ingredientes}" style="font-style: italic"/>
                    
                    <h:outputText value="Preparacion:" style="font-weight: bold"/>
                    <h:outputText value="#{recetarioView.preparacion}" style="font-style: italic"/>
                    
                    <h:outputText value="Descripcion:" style="font-weight: bold"/>
                    <h:outputText value="#{recetarioView.descripcion}" style="font-style: italic"/>
                </h:panelGrid>
            </p:outputPanel>
        </h:panelGrid>
   
</h:form>
	
	
	
	</p:panel>
	<p:commandButton value="Atrás" action="#{recetarioView.irIndex}"></p:commandButton>
	<p:commandButton action="#{recetarioView.verEditarReceta}" value="Editar receta"
		rendered="#{recetarioView.usuarioSession.userName == recetarioView.usuario}"></p:commandButton>
	<p:commandButton onclick="PF('confirmacionBorrar').show()" type="button" value="Borrar receta"
		rendered="#{recetarioView.usuarioSession.userName == recetarioView.usuario}"></p:commandButton>
	
	<p:confirmDialog message="¿Borrar la receta?" width="200"
			showEffect="explode" hideEffect="explode" header="Confirmación"
			severity="alert" widgetVar="confirmacionBorrar">
			
			<h:panelGrid styleClass="panelGridCentradoConfirmacion" columns="2">
				<p:commandButton value="Sí"
					action="#{recetarioView.borrarReceta}"
					oncomplete="PF('confirmacionBorrar').hide()" />
					
				<p:commandButton value="No" onclick="PF('confirmacionBorrar').hide()"
					type="button"/>
<p:commandButton title="Cerrar Sesion" value="Cerrar Sesión" action="#{recetarioView.cerrarSession}" ></p:commandButton>
			
			</h:panelGrid>

		</p:confirmDialog>

</h:body>
</html>